iT邦幫忙

2024 iThome 鐵人賽

DAY 4
0
自我挑戰組

使用 Microsoft Copilot 製作衛教網站系列 第 4

第4天:學習 CSS 基本樣式和佈局,為網頁添加基本樣式

  • 分享至 

  • xImage
  •  

第4天:學習 CSS 基本樣式和佈局,為網頁添加基本樣式

今天是我參加 IT 鐵人賽的第四天,我決定開始學習 CSS(層疊樣式表)。CSS 是用來控制網頁外觀和佈局的語言,通過它可以讓網頁變得更加美觀和易於使用。

首先,我學習了如何使用 CSS 選擇器來選擇 HTML 元素。常見的選擇器包括元素選擇器(例如 p)、類選擇器(例如 .class)和 ID 選擇器(例如 #id)。接下來,我學習了如何使用 CSS 屬性來設置元素的樣式,例如 color、font-size、background-color 和 margin 等。

在理解基本的 CSS 選擇器和屬性後,我開始學習佈局技術。我學習了如何使用 display 屬性來控制元素的顯示方式,例如 block、inline 和 inline-block。我還學習了如何使用 position 屬性來控制元素的位置,例如 static、relative、absolute 和 fixed。

接著,我實作了一些範例來鞏固我的學習。我創建了一個簡單的網頁,並使用 CSS 為其添加了基本樣式。我設置了標題的顏色和字體大小,為段落添加了背景顏色和邊距,並使用佈局技術來排列圖片和文字。

今天的學習讓我對 CSS 有了初步的了解,並且能夠運用基本的樣式和佈局技術來美化我的網頁。我期待在接下來的日子裡,能夠學習更多關於 CSS 和其他前端技術的知識,並將它們應用到我的衛教網站中。


上一篇
第3天:學習更多 HTML 標籤和屬性,並實作更多範例
下一篇
第5天:繼續學習 CSS,了解盒模型、邊距、填充和邊框, 並實作範例
系列文
使用 Microsoft Copilot 製作衛教網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言